<template>
  <section class="cases">
    <h1>成功案例</h1>
    <div class="case-list">
      <div class="case-item">
        <h2>智慧园区管理平台</h2>
        <p>为某大型园区打造一站式数字化管理平台，实现高效运营。</p>
      </div>
      <div class="case-item">
        <h2>电商数据分析系统</h2>
        <p>帮助电商企业实现多维度数据分析，提升销售转化率。</p>
      </div>
      <div class="case-item">
        <h2>移动办公App</h2>
        <p>为企业员工提供便捷的移动办公工具，提升工作效率。</p>
      </div>
    </div>
  </section>
</template>

<script setup>
// 案例展示页面仅展示静态内容
</script>

<style scoped>
.cases {
  max-width: 900px;
  margin: 0 auto;
  padding: 32px 16px;
}
.case-list {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.case-item {
  flex: 1 1 260px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px #e3e3e3;
  padding: 24px;
  margin-bottom: 24px;
  min-width: 220px;
}
@media (max-width: 800px) {
  .case-list { flex-direction: column; gap: 16px; }
}
</style> 